<template>
	<div class="updatecon">
		<div class="top">
			<span class="iconfont icon-zuojiantou" @click="fan()"></span>
			<p>个人笔记<span class="iconfont icon-jiantou"></span></p>
			<div class="topright">
				<span @click="finish()">完成</span>
			</div>
		</div>
		<div class="update">
			<textarea ref="text" rows="10" cols="40">{{this.$store.state.note.notede.content}}</textarea>
		</div>
	</div>
</template>

<script>
	export default{
		methods:{
			fan(){
				this.$router.go(-1)
			},
			finish(){
				this.$router.push({"name":"Notecon",params:{"text":"this.$refs.text.value"}})
				this.$store.state.note.notede.content=this.$refs.text.value;
			}
			
			
		}
	}
</script>

<style lang="scss" scoped="scoped">
	.updatecon{
		width: 100%;
		height: 100%;
		background-color: #f3f4f6;
		overflow:hidden;
	}
	.top{
		width: 100%;
		height: 0.36rem;
		font-size: 0.15rem;
		text-align: center;
		padding-top: 0.2rem;
		position: fixed;
		border-bottom: 1px solid #f5f6f8;
		background-color: #ffffff;
		z-index: 9;
		.icon-zuojiantou{
			width: 0.2rem;
			height: 0.2rem;
			position: absolute;
			display: inline-block;
			left: 0;
		}
		p{
			.icon-jiantou{
				font-size: 0.19rem;
				color: #0570DB;
			}
		}
		.topright{
			position: absolute;
			display: flex;
			flex-direction: column;
			right: 0.1rem;
			top: 0.05rem;
			span{
				line-height: 0.51rem;
				font-size: 0.17rem;
				color: #0570DB;
			}
		}
		
	}
	.update{
		padding-top: 0.56rem;
		textarea{
			resize: none;
			display: block;
			margin: auto;
		}
	}
	
	
	
</style>